

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>

    <head>
        <title>Baticueva Virtual</title>
        <meta name="description" content="website description" />
        <meta name="keywords" content="website keywords, website keywords" />
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <!-- modernizr habilita contenido HTML5 -->
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/modernizr-1.5.min.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <meta name="description" content="website description" />
        <meta name="keywords" content="website keywords, website keywords" />
        <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style.css" />
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <!-- modernizr habilita contenido HTML5 -->
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/modernizr-1.5.min.js"></script>
    </head>

    <body>
        <div id="main">
            <header>
                <div id="logo">
                    <div id="logo_text">
                        <!-- class="logo_six", PERMITE MODIFICAR Y CAMBIAR EL TIPO DE EL TITULO PRINCIPAL -->
                        <h1><a href="index.html">Bienvenidos a la Baticueva Virtual<span class="logo_six"></span></a></h1>
                        <h2>busca y descarga tus practicas y examenes</h2>
                    </div>
                </div>
                
            </header>
            <div id="site_content">
                <div id="sidebar_container">
                    <img class="paperclip" src="<%=request.getContextPath()%>/images/paperclip.png" alt="paperclip" />
                    <div class="sidebar">
                        <h3>Podras Subir Archivos Comentar y Votar</h3>
                        <h2>Inicia sesion</h2>
                        <h1>Correo</h1>
                        <input type="text" name="correo" placeholder="usuario@pucp.pe">
                        <h1>Password</h1>
                        <input type="password" name="password">
                        <button type="submit" name="ingresar">Ingresar</button>
                    </div>
                    <img class="paperclip" src="<%=request.getContextPath()%>/images/paperclip.png" alt="paperclip" />
                    <div class="sidebar">
                        <h3>Aun no tienes una cuenta ? Registrate</h3>
                        <input type="text" name="nombre" placeholder="Nombre">
                        <input type="text" name="apellidos" placeholder="Apellidos">
                        <input type="text" name="alias" placeholder="Usuario">
                        <input type="text" name="correo" placeholder="correo@pucp.pe">
                        <input type="password" name="password" placeholder="ingresa tu clave">
                        <input type="password" name="password" placeholder="vuelve a ingresar tu clave">
                        <button type="submit" name="registrar">Registrar</button>
                    </div>
                </div>
                <!-- ingreso de la tabla para la pagina principal -->
                <div id="content1">
                    <div class="content1">
                        <h2>Busqueda y descarga de practicas y examenes</h2>
                        <h1>No necesitas iniciar sesion . . .</h1>
                        <table style="width: 600px;" border="0">
                            <tbody>
                                <tr>
                                    <td style="width: 120px;"><input type="text" name="tag" placeholder="Que curso estas buscando"></td>
                            <form action="resultado.jsp">
                                    <td style="width: 120px;"><button type="submit" name="buscar">Buscar</button></td>
                            </form>
                                    <td style="width: 20px;">&nbsp;</td>
                                    <td style="width: 200px;"><button type="submit" name="busquedaavanzada">Busqueda Avanzada</button></td>
                                </tr>
                            </tbody>
                        </table>
                          
                    </div>
                       <div id="content5-conteiner">
                    <div class="content5">

                        <table style="width: 590px;" border="0">
                            <tbody>
                                <tr>
                                    <td><h3>Seleccionar Ciclo</h3><select name="ciclo">
                                            <option>5</option>
                                            <option>6</option>
                                            <option>7</option>
                                            <option>8</option>
                                            <option>9</option>
                                            <option>10</option>
                                        </select> </td>
                                    <td><h3>Curso</h3><select name="curso">
                                            <option>Com2</option>
                                            <option>Soft2</option>
                                            <option>Tecnicas IP</option>
                                            <option>Redes</option>
                                            <option>Campos</option>
                                            <option>Opticas</option>
                                        </select></td>
                                    <td style="height: 40px;"><h3>Nota</h3><select name="nota">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                            <option>6</option>
                                            <option>7</option>
                                            <option>8</option>
                                            <option>9</option>
                                            <option>10</option>
                                            <option>11</option>
                                            <option>12</option>
                                            <option>13</option>
                                            <option>14</option>
                                            <option>15</option>
                                            <option>16</option>
                                            <option>17</option>
                                            <option>18</option>
                                            <option>19</option>
                                            <option>20</option>
                                        </select></td>
                                </tr>
                                <tr>
                                    <td><h3>Seleccionar tipo de evaluacion</h3><FORM ACTION="">
                                            <INPUT TYPE=RADIO NAME="evaluacion" VALUE="ex">Examen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            <INPUT TYPE=RADIO NAME="evaluacion" VALUE="pc">Practica
                                        </FORM></td>
                                    <td><h3>Numero de examen o practica</h3><FORM ACTION="">
                                            <INPUT TYPE=RADIO NAME="secuencia" VALUE="1">1 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            <INPUT TYPE=RADIO NAME="secuencia" VALUE="2">2 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            <INPUT TYPE=RADIO NAME="secuencia" VALUE="3">3 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            <INPUT TYPE=RADIO NAME="secuencia" VALUE="4">4 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        </FORM></td>
                                    <td><button type="submit" name="busca">Buscar</button></td>
                                </tr>
                            </tbody>
                        </table>

                    </div>
                </div>
                </div>

                <div id="content5-conteiner">
                    <div class="content5">

                      

                    </div>
                </div>

                <!-- CUERPO DE BUSQUEDA SIMPLE conteiner3-->
                <div id="content3-conteiner">
                    <div class="content3">
                        <h2>Resultado de busquedas</h2>
                        <!-- Agregar los resultados de la busqueda -->
                        <h3>5 Documentos</h3>
                        <!-- caja de cada resultado -->
                        <table style="height: 80px; ; width: 550px;" border="0">
                            <tbody>
                                <tr>
                                    <td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
                                    <td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
                            </tr>
                            <tr>
                                <td><h8>Subido por: Valor el 07/07/2012</h8></td>
                            <td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
                            </tr>
                            </tbody>
                        </table> 
                        <!-- fin de caja de cada resultado --> 
                        <!-- caja de cada resultado -->
                        <table style="height: 80px; ; width: 550px;" border="0">
                            <tbody>
                                <tr>
                                    <td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
                                    <td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
                            </tr>
                            <tr>
                                <td><h8>Subido por: Valor el 07/07/2012</h8></td>
                            <td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
                            </tr>
                            </tbody>
                        </table> 
                        <!-- fin de caja de cada resultado --> 
                        <!-- caja de cada resultado -->
                        <table style="height: 80px; ; width: 550px;" border="0">
                            <tbody>
                                <tr>
                                    <td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
                                    <td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
                            </tr>
                            <tr>
                                <td><h8>Subido por: Valor el 07/07/2012</h8></td>
                            <td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
                            </tr>
                            </tbody>
                        </table> 
                        <!-- fin de caja de cada resultado --> 
                        <!-- caja de cada resultado -->
                        <table style="height: 80px; ; width: 550px;" border="0">
                            <tbody>
                                <tr>
                                    <td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
                                    <td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
                            </tr>
                            <tr>
                                <td><h8>Subido por: Valor el 07/07/2012</h8></td>
                            <td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
                            </tr>
                            </tbody>
                        </table> 
                        <!-- fin de caja de cada resultado --> 
                        <!-- caja de cada resultado -->
                        <table style="height: 80px; ; width: 550px;" border="0">
                            <tbody>
                                <tr>
                                    <td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
                                    <td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
                            </tr>
                            <tr>
                                <td><h8>Subido por: Valor el 07/07/2012</h8></td>
                            <td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
                            </tr>
                            </tbody>
                        </table> 
                        <!-- fin de caja de cada resultado --> 
                        <!-- caja de cada resultado -->
                        <table style="height: 80px; ; width: 550px;" border="0">
                            <tbody>
                                <tr>
                                    <td style="width: 200px;"><h4>Campos2 / E1 / Nota : 12</h4></td>
                                    <td style="width: 200px;" align="right"><h7>Ver descripcion</h7></td>
                            </tr>
                            <tr>
                                <td><h8>Subido por: Valor el 07/07/2012</h8></td>
                            <td><h8>23 Descargas / 13 Votos/ 10 Comentarios</h8></td>
                            </tr>
                            </tbody>
                        </table> 
                        <!-- fin de caja de cada resultado --> 
                    </div>
                </div>      

            </div>
            <footer>
                <p>Copyright &copy; Telecom | <a href="http://www.pucp.edu.pe">grupo de telecomunicaciones OpenSource</a></p>
            </footer>
        </div>
        <p>&nbsp;</p>
        <!-- javascript at the bottom for fast page loading -->
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.easing-sooper.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.sooperfish.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('ul.sf-menu').sooperfish();
            });
        </script>
    </body>
</html>
